/* 商品信息 */

.detail_info {
    width: 100%;
    overflow: hidden;
}


/* 商品SKU */

.detail_info_right {
    width: 34rem;
    text-align: left;
    font-size: 1.2rem;
}

.detail_info_right .h2 {
    font-size: 2.4rem;
    line-height: 2.4rem;
}

.detail_info_right .h5 {
    font-size: 1.6rem;
}

.detail_info_right .detail_info_num {
    color: #999;
}

.detail_info_right .detail_price_2 {
    padding: 0 !important;
    line-height: 6.73rem;
}

.detail_info_right .detail_price {
    /* height: 6.73rem;*/
    padding: 1.6rem 0 2rem 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.detail_info_right .detail_price .p_1 {
    display: none;
}

.detail_info_right .detail_price .price {
    height: 2.5rem;
    vertical-align: middle;
}

.detail_info_right .detail_price .price del {
    color: #999999;
    font-size: 1.16rem;
    margin-left: .8rem;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.detail_info_right .detail_price .line_h {
    line-height: 7rem;
}

.detail_info_right .detail_price .price_info .price {
    font-size: 2.4rem;
}
.detail_info_right .detail_price .price_info .price .price_text {
   /* font-size: 16px;*/
    font-size: 1.2rem;
    color: #999;
}
.detail_info_right .detail_price .cx_info {
    height: 2.4rem;
}

.detail_info_right .detail_price .cx_info label {
    margin-top: .5rem;
}

.detail_info_right .detail_price .cx_info .price {
    width: 88.5%;
    background-color: #F8F8F8;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    border: none;
    background-position: 96%;
}

.detail_info_right .cx_info .price .icon {
    left: 94.4%;
}

.detail_info_right .cx_info .price option {
    color: #333;
    background: #FFFFFF;
}

.detail_price .cx_info .price option span {
    font-weight: 400;
    margin-right: 1rem;
    padding: 0 .2rem;
    border-radius: .4rem;
}

.detail_price .cx_info_2 .price {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #F8F8F8 !important;
    color: #333333;
}

.detail_price .cx_info_2 .price .icon {
    margin-left: 2rem;
    padding-right: .8rem;
}

.detail_price .cx_info_2 strong {
    color: #333 !important;
    background: inherit !important;
    font-weight: 400;
    margin-right: 0 !important;
    padding: 0 0 !important;
    border-radius: .4rem;
}

.detail_info_right .detail_style label {
    margin-top: 6px;
}

.detail_info_right .detail_style .style_list {
    margin-bottom: 1.6rem;
    width: 89%;
    cursor: pointer;
    position: relative;
}

.detail_info_right .detail_style .style_list select {
    text-align: center;
    width: 13.6rem;
    padding: 0 1.6rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #F8F8F8;
    background-position: 12rem;
}

.detail_info_right .detail_style .style_list option {
    border-color: #000000;
    background: #FFFFFF;
}

.detail_info_right .detail_style .style_list_2 li {
    display: inline-block !important;
    background: #FFFFFF;
    border: 1px solid #333;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-bottom: .8rem;
    margin-right: 0.6rem;
}

.detail_info .detail_info_right .detail_color {
    /*凹槽宽度*/
    /*拖动条*/
    /*背景槽*/
}

.detail_info_right .detail_color label {
    margin-top: 2rem;
}

.detail_info_right .detail_color .color_list {
    width: 89%;
    height: 100%;
    vertical-align: middle;
    padding-bottom: 2.5rem;
}
/*mod FDG416 2018/1/24 ID478 【PC商城BUG】商品详情页规格显示位置异常 start */
#spec_color .item {
    display:block;
    float:left;
}
/*mod FDG416 2018/1/24 ID478 【PC商城BUG】商品详情页规格显示位置异常 end */
.detail_info_right .detail_color .color_list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.detail_info_right .detail_color .color_list::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 6px;
}

.detail_info_right .detail_color .color_list::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 6px;
}

.detail_info_right .detail_color .item {
    width: 6.6rem;
    height: 5.4rem;
    background: #EBB795;
    opacity: 0.5;
    position: relative;
    margin-bottom: .3rem;
    cursor: pointer;
    margin-right: 0.5rem;
}

.detail_info_right .detail_color .item img {
    width: 100%;
    height: 100%;
}

.detail_info_right .detail_color .item .tips {
    display: block !important;
    padding: 6px 8px;
    opacity: 0;
    font-size: 1rem;
    line-height: 18px;
    z-index: 4;
    top: 1rem;
}

.detail_info_right .detail_color .item:hover,
.detail_info_right .detail_color .item:focus {
    opacity: 1;
    transition: all .3s;
}

.detail_info_right .detail_color .item:hover .tips,
.detail_info_right .detail_color .item:focus .tips {
    opacity: 1;
}

.detail_info_right .detail_color .color_active {
    opacity: 1 !important;
}

.detail_info_right .color_scroll {
    height: 17.4rem;
    margin-bottom: 2.5rem;
}

.detail_info_right .color_scroll .color_list {
    padding-top: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0 !important;
}

.detail_info_right .btn-group {
    position: relative;
}
/*mod FDG416 2018/1/27 ID485 【商城需求】商品详情页按钮调整 start */
.detail_info_right .btn-group button {
    cursor: pointer;
    height: 3.35rem;
    border: none;
    background: none;
}

.detail_info_right .btn-group button .icon {
    vertical-align: top;
    height: 20px;
}

.detail_info_right .btn-group .down_btn {
    width: 160px;
    color: #FFFFFF;
    background: #A8821B;
}
.detail_info_right .btn-group .down_btn .icon-dowload {
    margin-right: -12px;
}
.detail_info_right .btn-group .into_btn {
    color: #FFFFFF;
    background: #333;
    width: 160px;
    margin-left: 4px;
    margin-right: 4px;
    border: 1px solid #333;
}
.detail_info_right .btn-group .into_btn .icon-hart {
    margin-right:  5px;
    
}
.detail_info_right .btn-group .fx_btn {
    border: 1px solid #333; 
    position: relative;
    width: 70px;
    color:#333;
}
.detail_info_right .btn-group .fx_btn .icon-de-fx {
    margin-right: 0;
}
/*mod FDG416 2018/1/27 ID485 【商城需求】商品详情页按钮调整 end */
.detail_info_right .btn-group .wechat_fx_layer {
    right: 0;
    top: -16rem;
}


/* 商品细节图片展示 */

.detail_info_left {
    width: 52.5rem;
}

.detail_info_left .item+.item {
    display: none;
}

.detail_info_left .left_img_tab {
    width: 100%;
}

.detail_info_left .left_img_tab li {
    cursor: pointer;
    width: 6.6rem;
    height: 5.4rem;
    border: 1px solid transparent;
    display: inline-block;
    margin-right: 1rem;
    opacity: 0.7;
    overflow: hidden;
}

.detail_info_left .left_img_tab li img {
    width: 6.6rem;
    height: 5.4rem;
}

.detail_info_left .left_img_tab li video {
    margin-top: 3rem;
}

.detail_info_left .left_img_tab li:hover,
.detail_info_left .left_img_tab li:focus {
    border-color: #333333;
    opacity: 1;
}

.detail_info_left .left_img_big {
    width: 100%;
    height: 42.6rem;
}

.detail_info_left .left_img_big .img {
    width: 100%;
    height: 42.6rem;
}

.detail_info_left .left_img_big .icon {
    z-index: 100;
}

.detail_info_left .left_img_big .item_img_show {
    width: 100%;
    display: block;
    position: absolute;
    height: 100%;
}

.detail_info_left .left_img_big .item_img_show img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 42.6rem;
}

.detail_info_left .left_img_big .js_video_box {
    width: 100%;
    display: block;
    position: absolute;
}

.detail_info_left .left_img_big .video {
    width: 100%;
    height: 460px;
    max-width: 100%;
    max-height: 460px;
}


/* 商品描述*/
/* mod FDG416 2018/2/2 ID489 【商城需求】商品详情页样式修改并增加价格说明 start  */
.detail_info_about .user-center-w {
    overflow: inherit !important;
}

.detail_info_about .info_title {
    width: 100%;
    height: 5rem;
    border-top: 2px solid #E1E1E1;
}

.detail_info_about .info_title .product_info_title {
    text-align: center;
    width: 96px;
    margin-left: 96px;
    font-size: 24px;
    line-height: 5rem;
    border-top: 2px solid #333333;
    color: #333333;
    display: block;
    cursor: default;
    margin-top: -2px;
}

.detail_info_about .detail_product_info {
    margin-left: 96px;
}
.detail_info_about .detail_product_info_p {
    margin-left: 96px;
    margin-bottom: 60px;
    font-family: 'Arial-BoldMT';
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 24px;
}
.detail_info_about .detail_product_lineh {
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    color: #333333;
    line-height: 38px;
    margin-bottom: 60px;
}
/* mod FDG416 2018/2/2 ID489 【商城需求】商品详情页样式修改并增加价格说明 end  */
.detail_info_about .detail_product_info .p_info {
    font-size: 1.2rem;
    line-height: 2rem;
}

.detail_info_about .detail_product_info .p_info .p_info_list {
    vertical-align: top;
    margin-right: 14rem;
}

.detail_product_info .p_info .p_info_list .item {
    margin-bottom: 3rem;
}

.detail_info_about .detail_product_info .p_info .p_info_t {
    display: inline-block;
    width: 5.8rem;
    line-height: 3.2rem;
}

.detail_info_about .detail_product_info .p_info .p_c {
    margin-left: 1.2rem;
}

.detail_info_about .detail_product_info .p_info .p_info_c {
    margin-left: .8rem;
}

.detail_info_about .detail_brand_info {
    border-top: 2px solid #E1E1E1;
}

.detail_info_about .detail_brand_info h2 {
    font-size: 2rem;
    text-align: center;
    line-height: 5rem;
}

.detail_info_about .detail_brand_info .brand_info {
    font-size: 1.2rem;
    line-height: 2rem;
}

.style_active {
    background: #333333 !important;
    color: #FFFFFF;
}

.tb-selected {
    background: none repeat scroll 0 0 #333;
    height: 40px;
    padding: 1px;
}

.tb-selected div {
    background-color: #FFFFFF;
    border: medium none;
}

.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 500px;
    left: 69rem;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.zoomMask {
    position: absolute;
    cursor: move;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
}

.yhj_success_layer {
    display: none;
    width: 100%;
    height: 200%;
    position: absolute;
    z-index: 1000;
    top: -40%;
    left: 50%;
    /*del FDG416 2018/02/24 ID522 【商城需求】弹层时，后面的滚动条不隐藏，鼠标移除弹层，可滚动 start */
    /* transform: translate(-50%, 0); */
    /*del FDG416 2018/02/24 ID522 【商城需求】弹层时，后面的滚动条不隐藏，鼠标移除弹层，可滚动 end */
    background: rgba(0, 0, 0, 0.3);
}

.yhj_success_layer .success_content {
    width: 39.5rem;
    /*height: 52.66rem;*/
    background: #FFFFff;
    padding-bottom: 1rem;
}

.yhj_success_layer .success_content .icon-close {
    display: block;
    font-size: 1.5rem;
    text-align: right;
    margin: 1rem 1.6rem 0 0;
}

.yhj_success_layer .title {
    text-align: center;
    line-height: 7rem;
    background: url("../image/iconPng/layer-pc-title.png") no-repeat bottom;
    font-weight: 100;
    background-position: bottom;
}

.yhj_success_layer .user_yhj_list {
    width: 26.66rem;
    margin: 0 auto;
}

.yhj_success_layer .btn {
    background: #FFFFff;
    color: #333333;
}

.yhj_success_layer .btn .arrow_icon {
    border-top: 4px solid transparent;
    border-left: 8px solid #333;
    border-bottom: 4px solid transparent;
}

.yhj_success_layer .yhj_footer {
    width: 26.66rem;
    padding-top: 2rem;
    margin: 0 auto;
    text-align: center;
    border-top: 1px #333333 dashed;
}

.narrow_img {
    width: 28px;
}

.detail-yhj {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 390px;
}

.detail-yhj::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.detail-yhj::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 6px;
}

.detail-yhj::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 6px;
}



.detail_info_right .detail_price .cx_info .price {
    width: 29.2rem;
    cursor: pointer;
    background-color: #F8F8F8;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    border: none;
    margin-left: 0.8rem;
    padding-left: 1rem;
    background-position: 96%;
}
.detail_info_right .detail_price .cx_info .cx_info_select {
    width: 88%;
    right: 0.2rem;
}
.select_ul {
    display: none;
    position: absolute;
    top: 2.4rem;
    background: #FFFFFF;
    border: 1px solid #dddddd;
    z-index: 1000;
    font-size: 1.16rem;
}
.select_ul .selected {
    background-color: #f5f5f5;
    background-image: url('../image/list/selected.png');
    background-repeat: no-repeat;
    background-position: 96% center;
}
.select_ul li {
    height: 2.33rem;
    padding-left: 0.7rem;
    line-height: 2.33rem;
    background: #FFFFff;
}
.detail_info_right .detail_price .cx_info .item_tips_span {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4rem;
    padding: 0 0.4rem;
    border-radius: 4px;
    line-height: 18px;
    margin-right: 0.5rem;
    font-size: 12px;
}
.detail_info_right .detail_price .cx_info .item_tips_span_msg {
    line-height: 16px;
}
.detail_info_right .detail_price .cx_info .item_info {
    /* width: 20rem;
    display: block; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.activity_message_li{
    /* display: inline-block; */
    padding: 0 5px;
    /* text-align: center; */
    height: 18px; 
    line-height: 18px;
    border-radius: 2px;
    margin-right: 5px;
    margin-top: 8px;
  }
.activity_message_span_1 {
    background: #C3B455;
    font-family: 'Microsoft YaHei';
    color: #fff;
  }
.activity_message_1 span{
    background: #C3B455;
    font-family: 'Microsoft YaHei';
    color: #fff;
  }
.activity_message_1 .item_info_span, .item_info_span_1 {
    color: #C3B455;
  }
.activity_message_span_2 {
    border: 1px solid #A8821B;
    /* height: 16px;
    line-height: 16px; */
    color: #A8821B;
    font-family: 'Microsoft YaHei';
  }
.activity_message_2 span{
    border: 1px solid #A8821B;
    /* height: 16px; */
    /* line-height: 16px; */
    color: #A8821B;
    font-family: 'Microsoft YaHei';
  }
.activity_message_2 .item_info_span, .item_info_span_2 {
    color: #A8821B;
  }
.activity_message_span_3 {
    background: #C35555;
    color: #fff;
    font-family: 'Microsoft YaHei';
  }
.activity_message_3 span{
    background: #C35555;
    color: #fff;
    font-family: 'Microsoft YaHei';
  }
.activity_message_3 .item_info_span, .item_info_span_3 {
    color: #C35555;
  }
.activity_message_span_4 {
    background: #A8821B;
    font-family: 'Microsoft YaHei';
    color: #FFFFFF;
  }
.activity_message_4 span{
    background: #A8821B;
    font-family: 'Microsoft YaHei';
    color: #FFFFFF;
  }
.activity_message_4 .item_info_span, .item_info_span_4 {
    color: #A8821B;
  }
  .item_info_span {
    /* width: auto !important; */
    left: 36% !important;
    padding-right: 2rem;
    font-family: 'Microsoft YaHei';
    /* font-size: 0.5rem; */
    /* color: #A8821B; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }